﻿<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="UTF-8">
		<title>活动页面</title>
		<style type="text/css">
		*{
			margin:0;
			padding:0;
		}
		html,
		body{
			height:100%;
		}
		.shouye{
			position:absolute;
			width:100%;
			height:100%;
		}
		.shouye>.bg{
			position:absolute;
			z-index:-1;
			width:100%;
			height:100%;
		}
		
		#page2{
			display:block;
		}
		#page2>.bg{
			background:url("Page/bg.png") no-repeat center center;
			background-size:100%;
		}
		#page2>.left001{
			position:absolute;
			width:144px;
			height:55px;
			left:103px;
			top:258px;
			margin:auto;
			background:url("Page/zhongjiang1.png") no-repeat center center;
			background-size:100%;
		}
		#page2>.left002{
			position:absolute;
			width:144px;
			height:55px;
			left:103px;
			top:336px;
			margin:auto;
			background:url("Page/huodong1.png") no-repeat center center;
			background-size:100%;
		}
		#page2>.huodong1{
			position:absolute;
			width:880px;
			height:663px;
			right:114px;
			top:25px;
			margin:auto;
			background:url("Page/xiangqing1.png") no-repeat center center;
			background-size:100%;
			display:block;
		}
		
		#page2>.left_cloud{
			position:absolute;
			width:138px;
			height:100px;
			left:250px;
			bottom:65px;
			margin:auto;
			background:url("Page/3.png") no-repeat center center;
			background-size:100%;
		}
		#page2>.right_cloud{
			position:absolute;
			width:187px;
			height:139px;
			right:0;
			top:63px;
			margin:auto;
			background:url("Page/4.png") no-repeat center center;
			background-size:100%;
		}
		#page2>.icon{
			position:absolute;
			width:343px;
			height:309px;
			right:43px;
			bottom:0;
			margin:auto;
			background:url("Page/5.png") no-repeat center center;
			background-size:100%;
			display:"none"
		}
		
		
		
		
		</style>
	</head>
		<div class="shouye" id="page2">
			<div class="bg" ></div>
			<div class="left001" id="button3" onclick="zhongjiang()"></div>
			<div class="left002" id="button4" ></div>
			<div class="huodong1" id="hd1"></div>
			<div class="left_cloud" id="cloud1"></div>
			<div class="right_cloud" id="cloud2"></div>
			<div class="icon" id="bengbeng"></div>
		</div>
		<script type="text/javascript">


		function zhongjiang(){
			console.log("zj");
			window.location.href="zhongjiang.html";
		}
		window.onload=function(){
			var page2=document.getElementById("page2");
			var hd1=document.getElementById("hd1");
			
			var icon=document.getElementById("bengbeng");
			
			var button3=document.getElementById("button3");
			var button4=document.getElementById("button4");
			
			
			button4.focus();
			button3.onfocus=handFocus3;
			button3.onblur=handFocus3;
			function handFocus3(e){
				if(e.type=="focus"){
					e.target.style.background="url(Page/zhongjiang2.png) no-repeat center center";
					e.target.style.outline="none";
				}else{
					e.target.style.background="url(Page/zhongjiang1.png) no-repeat center center";
				}
			}
			button4.onfocus=handFocus4;
			button4.onblur=handFocus4;
			function handFocus4(e){
				if(e.type=="focus"){
					e.target.style.background="url(Page/huodong2.png) no-repeat center center";
					e.target.style.outline="none";
				}else{
					e.target.style.background="url(Page/huodong1.png) no-repeat center center";
				}
			}
			



			document.onkeydown=function(en){
				en=window.event||en;
				var ide=document.activeElement.id;
				if(en.keyCode==13&&ide=="button3"){
				zhongjiang();
				}
			}

		}


		</script>
	</body>
</html>